<template>
    <!-- 组件的结构 -->
<div class="demo">
    <h2 @click="showName">学校名称：{{schoolName}}</h2>
    <h2>学校地址：{{address}}</h2>
    <button @click="showName">点我提示学校名</button>
 </div>
</template>

<script>
import {mixin} from '../mixin'
// 组件交互相关的代码（数据、方法等）
export default{
    name:'SchooName',/*vue/multi-word-component-names 在这个上面出了问题 */
    data(){
        return{
        schoolName:"尚硅谷",
        address:"北京",
        }
    },
    mixins:[mixin],
    methods: {
        showName(){
            alert(this.schoolName)
        }
    },
};
</script>
<style>
/* 组件的样式 */
.demo{
    background-color: orange;
}
</style>